<template>
  <div class="my_cart">
    <input type="checkbox" v-model="itemObj.checked" @change="$emit('childCheck')">
    <img :src="itemObj.img" alt="">
     <section>
        <p>{{itemObj.name}}</p>
        <p>
          <span style="color:red">￥{{itemObj.price}}</span>
          <van-stepper v-model="itemObj.num" />
        </p>
     </section>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    itemObj: Object
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.my_cart{
  display: flex;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  align-items: center;
  img{
    width: 80px;
  }
  section{
    flex: 1;
    .van-stepper{
      float: right;
    }
  }
}
</style>